<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		*{margin:0px;padding: 0px;}
		#main{ background-image: url('img/background-index.jpg'); background-repeat:no-repeat; width: 1920px; height: 1080px;  }
		ul{position: relative;top:750px;left: 135px;width: 200px;}
		ul li{margin-bottom: 30px; }
		a{font-size: 20px;text-decoration: none;color: #0A0707;}
	</style>
</head>
<body style="overflow: hidden;">
	<div id="main">
		<ul>
			<li id="milu" onclick="status('milu')"><a href="milu/video1.html" >秘鲁</a></li>
			<li id="zhili" onclick="status('zhili')"><a href="zhili/video1.html" >智利</a></li>
			<li id="telinidaheduobage" onclick="status('telinidaheduobage')"><a href="telinidaheduobage/video1.html" >特立尼达和多巴哥</a></li>
		</ul>
	</div>
	<script type="text/javascript">
		function status(id){
		var element=document.getElementById(id);
		element.style.textDecoration='underline';

	}
	</script>	
</body>
</html>